<template>
    <div class="ml-16px mr-16px mb-16px pt-26px content-container">
        <div class="pl-26px pr-26px pb-26px words-container">
            <div class="flex items-center pl-36px pt-26px -mt-26px -ml-26px text-14px font-bold level-2-title">
                自定义组合
            </div>
            <el-row :gutter="16" class="mt-16px">
                <el-col :span="8">
                    <FrontKeyword :rule-form="ruleForm" />
                </el-col>
                <el-col :span="6">
                    <MainKeyword :rule-form="ruleForm" />
                </el-col>
                <el-col :span="10">
                    <BackKeyword :rule-form="ruleForm" />
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script setup lang="ts">
import FrontKeyword from './FrontKeyword.vue'
import MainKeyword from './MainKeyword.vue'
import BackKeyword from './BackKeyword.vue'

defineProps<{
    ruleForm: any;
}>()
</script>

<style scoped></style>